<!DOCTYPE html>
<html>
<head>
  <title>全栈开发博客</title>
  <link href="./css/style.css" rel="stylesheet" type="text/css" media="all"/>
  <link href="./css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>

  <!-- js -->
  <script src="./js/jquery.min.js"></script>
  <!-- //js -->
  <!-- for-mobile-apps -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <script type="application/x-javascript"> addEventListener("load", function () {
      setTimeout(hideURLbar, 0);
    }, false);
    function hideURLbar() {
      window.scrollTo(0, 1);
    } </script>
    <script>
			function Demo(){
				var spanid=document.getElementById("spanid");
				//获取标签
				var a=document.getElementById("pword1")
				var a=document.getElementById("pword2")
				//获取密码
				var password1=pword1.value;
				var password2=pword2.value;
				if (password1==password2) {
					var html ="<input type=\"submit\" value=\"确定注册\">";
              document.getElementById("add").innerHTML=html;
				} else{
					alert("两次密码不一致");
				}
			}
		</script>
  <!-- //for-mobile-apps -->
  <!-- start-smoth-scrolling -->
  <script type="text/javascript" src="./js/move-top.js"></script>
  <script type="text/javascript" src="./js/easing.js"></script>
  <script type="text/javascript">
    jQuery(document).ready(function ($) {
      $(".scroll").click(function (event) {
        event.preventDefault();
        $('html,body').animate({scrollTop: $(this.hash).offset().top}, 1000);
      });
    });
  </script>
  <!-- start-smoth-scrolling -->
</head>

<body>
<!-- header -->
<div class="header" style="min-height: 200px">
  <div class="container">
    <div class="header-info">
      <div class="logo">
        <a href="/posts"><img src="./images/logo.png" alt=" "/></a>
      </div>
      <div class="logo-right">
        <span class="menu"><img src="./images/menu.png" alt=" "/></span>
        <ul class="nav1">
          
          <li><a href="/login">登录</a></li>
          <li><a href="/regitser">注册</a></li>
          
        </ul>

      </div>
      <div class="clearfix"></div>
      <script>
        $("span.menu").click(function () {
          $("ul.nav1").slideToggle(300, function () {
          });
        });
      </script>
    </div>
  </div>
</div>

<div class="content" style="min-height: auto">
  <div class="container">
<div class="contact">
  <div class="contact-left1">
    <h3>
      <span>注册</span>
      

      

    </h3>
    <form action="/charu" method="post" class="login-form">
      <div class="in-left">
      <div class="txtb">
        <input type="text" name="username" placeholder="用户名" id="user"/>
    </div>


    <div class="txtb">
        <input type="password" name="password" placeholder="密码" id="pword1" />
    </div>
    <input type="password" id="pword2" name="repassword" placeholder="确认密码" >
    <input style="display: none;" type="text" id="input" name="gender"/>
    <div>
			
			<select id="select">
				<option style="color:black;" value="">请选择你的性别</option>
				<option style="color:black;" value="男">男</option>
				<option style="color:black;" value="女">女</option>
        <option style="color:black;" value="保密">保密</option>
			</select>
			<script>
				$(function () {
					$("#select").change(function(){
						$("#input").val($(this).children('option:selected').val());
					});
				})
			</script>
		</div>
      </div>
    <div class="in-right">
      <textarea name="lables" placeholder="个人介绍" name="bio"></textarea>
      <input type="button" style="width:270px;height: 60px;background-color: bisque; border-radius: 4px;" onclick="Demo()" value="检查密码">
      <div id="add"></div>
  </div>
  
</form>
   
    <div class="clearfix"> </div>

  </div>

  <div class="clearfix"> </div>
</div>
<hr>
<div class="footer">
  <div class="container">
    <div class="footer-grids">
      <div class="footer-grid">
        <h3>博客生活</h3>
        <p>道路虽然拥挤,却是寂寞的,因为它没有品尝到爱。
          小草在大地寻找群聚,树木向天空寻找孤寂。
          尽管走下去,不必逗留着去采着花儿来保存,因为一路上花朵自会开放。
          小草呀,你的足步虽小,但是你拥有足下的土地。</p>
      </div>
      <div class="footer-grid">
        <h3>服务中心</h3>
        <ul>
          <li class="cap1"><a href="#" target="_blank">课程</a></li>
          <li><a href="#" target="_blank">读书</a></li>
          <li><a href="#" target="_blank">社区</a></li>
        </ul>
      </div>
      <div class="footer-grid">
        <h3>交流合作</h3>
        <ul>
          <li><a href="#">人才招聘</a></li>
          <li><a href="#">意见反馈</a></li>
          <li><a href="#">版权声明</a></li>
          <li><a href="#">服务条款</a></li>
        </ul>
      </div>
      <div class="clearfix"></div>
    </div>
  </div>
</div>
  </div>
</div>
<script type="text/javascript">
  $(document).ready(function () {
    $().UItoTop({easingType: 'easeOutQuart'});
  });
</script>
</body>
</html>
